<template>
  <div>
    
    <!-- 页面布景 -->
    <div class="leftContent">
      <!-- <div class="backgorundCT"></div> -->
      <img  class="companyBackground" src="../../../../assets/images/company_backgrund.png" alt="">
      <img class="logo" :src="dataInfo.entLogo" alt="">
      <img class="companyBackgroundBottom" src="../../../../assets/images/company_bottom_backgrund.png" alt="">
      
      <!-- 右边内容 -->
        <div class="rightContent">
            <h4>单位名称：{{dataInfo.entName}}</h4>
            <!-- 列表内容 -->
            <div class="listD">
              <div>企业编码：{{dataInfo.entCode}}</div>
              <div>统一社会信用代码:{{dataInfo.entUscc}}</div>
            </div>
            <div>行政区域:{{dataInfo.entProvince}}{{dataInfo.entCity}}{{dataInfo.entCountry}}</div>
            <div>行政区划：{{dataInfo.entDistrict}}</div>
            <div>所在县（市、区）行政区域编码：{{dataInfo.entCountryCode}}</div>
            <div>所在乡镇（街道）行政区域编码：{{dataInfo.entTownCode}}</div>
            <div>所在村（社区）行政区域编码：{{dataInfo.entVillageCode}}</div>
            <div>工商注册地址：{{dataInfo.entRegAddr}}</div>
            <div>生产经营地址：{{dataInfo.entProdAddr}}</div>
            <div class="listD">
              <div>邮政编码：{{dataInfo.entDivision}}</div>
              <div>成立日期：{{dataInfo.entFoundDate}}</div>
              <div>安全值班电话:{{dataInfo.entSafetyDutyTel}}</div>
              <div>企业联系电话：{{dataInfo.entFixPhone}}</div>
              <div>是否为国有企业：
                <span class="redSpan">{{dataInfo.entIsStateEnt}}</span>
              </div>
              <div>电子邮箱:{{dataInfo.entEmail}}</div>
              <div>注册资金（万元）：{{dataInfo.entRegFund}}</div>
              <div>经营状态：{{dataInfo.entBusinessStatus}}</div>
              <div>是否有母公司：{{dataInfo.entHasParentCompany}}</div>
              <div>集团公司名称：{{dataInfo.entGroupName}}</div>
              <div>企业隶属关系:{{dataInfo.entBusinessSubordination}}</div>
              <div>隶属关系:{{dataInfo.entSubordination}}</div>
            </div>
            <div>营业执照：{{dataInfo.entBusinessLicense}}</div>
            <div class="listD">
              <div>经济类型大类:{{dataInfo.entEconomyTypeB}}</div>
              <div>经济类型小类:{{dataInfo.entEconomyTypeS}}</div>
              <div>行业类别门类:{{dataInfo.entIndustryCategory}}</div>
              <div>行业类别大类:{{dataInfo.entIndustryCategoryB}}</div>
              <div>行业类别中类:{{dataInfo.entIndustryCategoryM}}</div>
              <div>行业类别小类:{{dataInfo.entIndustryCategoryS}}</div>
              <div>行业监管大类:{{dataInfo.entIndustryRegulaB}}</div>
              <div>行业监管小类:{{dataInfo.entIndustryRegulaS}}</div>
              <div>所属行业门类:{{dataInfo.IndustryCategory}}</div>
              <div>所属行业大类:{{dataInfo.IndustryTypeB}}</div>
              <div>所属行业中类:{{dataInfo.IndustryType}}</div>
              <div>所属行业小类:{{dataInfo.IndustryTypeS}}</div>
            </div>
            <div>安全生产许可证编号:{{dataInfo.safetyProductionLicense}}</div>
            <div class="listD">
              <div>企业类型/领证类型:{{dataInfo.businessType}}</div>
              <div>年销售收入（万元）:{{dataInfo.annualSalesRevenue}}</div>
              <div>企业规模:{{dataInfo.entScale}}</div>
              <div>安全管理机构成员数量:{{dataInfo.entSafeOrgEmpNum}}</div>
            </div>
        </div>
  
    </div>

  </div>
</template>

<script>


export default {
  props: {
    dataInfo: {
      type: Object,
      default: {},
    }
  },
  methods:{ 
  }
}
</script>

<style lang="scss" scoped>
.leftContent{
  position: relative;
  height: 1440px;
  // .backgorundCT{
  //   position: absolute;
  //   left: -18%;
  //   margin-top: -177px;
  //   width: 384px;
  //   height: 383px;
  //   background: #F3F8FE;
  //   border-radius: 50%;
  //   opacity: 1;
  //   overflow: hidden;
  // }
  .companyBackgroundBottom{
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .logo{
    left: 26px;
    top: 26px;
    width: 92px;
    height: 92px;
    position: absolute;
  }

  .rightContent{
      position: absolute;
      left: 148px;
      top: 18px;
      // width: 686px;
      height: 1200px;
      line-height: 50px;
      // background: red;
      .listD{
        display: flex;
        flex-wrap: wrap;
        div{
          width: 50%;
        }
        .redSpan{
          color: red;
        }
        
      }


      }
  
  
}



</style>